import { defineConfig } from "vite";
import vue from "@vitejs/plugin-vue";
import path from "path";
import AutoImport from "unplugin-auto-import/vite";
import Components from "unplugin-vue-components/vite";
import { ElementPlusResolver } from "unplugin-vue-components/resolvers";

// https://vite.dev/config/
export default defineConfig({
  plugins: [
    vue(),
    // 配置element-plus自动导入
    AutoImport({
      resolvers: [ElementPlusResolver()],
    }),
    Components({
      resolvers: [ElementPlusResolver()],
    }),
  ],
  resolve: {
    alias: {
      // '@': '/src',
      // 设置别名
      "@": path.resolve(__dirname, "./src"),
    },
  },
  css: {
    // css预处理器
    preprocessorOptions: {
      scss: {
        // additionalData: `$injectedColor: orange;`,
        additionalData: '@import "@/assets/scss/variable.scss";',
      },
    },
  },
});
